@extends('layouts.app')

@section('content')
<div class="container">
   <div class="row">
       <div class="col-8">
         <img src="/storage/{{ $post->image }}" class="w-100">
       </div>


       <div class="col-4">
         <div class="">
           <div class="d-flex align-items-center pt-5">
             <div class="pr-3">
               <img src="{{ $post->user->profile->profileImage() }}" class="rounded-circle w-100" style="max-width: 40px">
             </div>
             <div class="">
               <div class="font-weight-bold">
                 <a href="/profile/{{ $post->user->id }}">{{$post->user->username}}</a> |
                 <a href="#" class="pl-1">Follow</a>
                </div>
             </div>
            </div>

            <hr>
            <p><span class="font-weight-bold"><a href="/profile/{{ $post->user->id }}">{{$post->user->username}}</a></span> {{$post->caption}}</p>


         </div>
         
         
       </div>


       
   </div>
</div>
@endsection


